{% extends "contifyuser/base.html" %}
{% block content %}
{% load tags %}
    <div id="registerDivId" class="registerForm">
	<div>
	    <div class="nobreak registerFormHeader registerFormLeftSection">
		<div class="registerFormHeaderTitle">Account Information</div>
	    </div>
	    <div class="nobreak registerFormHeader registerFormRightSection">
		<div class="registerFormHeaderTitle">Login Credentials</div>
	    </div>
	</div>
	<form method="POST" action="{% url registration.views.register %}" enctype="multipart/form-data"&gt;>
	<div>
	    <div class="nobreak registerFormFieldSection registerFormLeftSection">
		<div class="registrationFormFieldLine">
		    <div class="nobreak registrationFormLabel"><span class="registrationFormRedAsterisk">* </span><span><strong>{{ form.first_name.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.first_name }}</div>
		    <p>{{ form.errors.first_name }}</p>
		</div>
		<div class="registrationFormFieldLine registrationFormLastNameExtraPadding">
		    <div class="nobreak registrationFormLabel"><span class="registrationFormRedAsterisk">* </span><span><strong>{{ form.last_name.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.last_name }}</div>
		    <p>{{ form.errors.last_name }}</p>
		</div>
	    	<div class="registrationFormFieldLine registrationFormCityExtraPadding">
		    <div class="nobreak registrationFormLabel"><span class="registrationFormRedAsterisk">* </span><span><strong>{{ form.city.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.city }}</div>
		    <br />
		    <p>{{ form.errors.city }}</p>
		</div>
		<div class="registrationFormFieldLine registrationFormCountryExtraPadding">
		    <div class="nobreak registrationFormLabel"><span><strong>{{ form.country.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.country }}</div>
		</div>		
		<div class="registrationFormFieldLine">
		    <div class="nobreak registrationFormInterestsExtraPadding registrationFormLabel"><span><strong>{{ form.interests.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.interests }}</div>
		</div>
	    </div>
	    <div class="nobreak registerFormFieldSection registerFormRightSection">
		<div class="registrationFormFieldLine registrationFormUsernameExtraPadding">
		    <div class="nobreak registrationFormLabel"><span class="registrationFormRedAsterisk">* </span><span><strong>{{ form.username.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.username }}</div>
		    <p>{{ form.errors.username }}</p>
		</div>
		<div class="registrationFormFieldLine registrationFormEmailExtraPadding">
		    <div class="nobreak registrationFormLabel"><span class="registrationFormRedAsterisk">* </span><span><strong>{{ form.email.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.email }}</div>
		    <p>{{ form.errors.email }}</p>
		</div>
		<div class="registrationFormFieldLine registrationFormPasswordExtraPadding">
		    <div class="nobreak registrationFormLabel"><span class="registrationFormRedAsterisk">* </span><span><strong>{{ form.password1.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.password1 }}</div>
		    <p>{{ form.errors.password1 }}</p>
		</div>
		<div class="registrationFormFieldLine">
		    <div class="nobreak registrationFormLabel"><span class="registrationFormRedAsterisk">* </span><span><strong>{{ form.password2.label_tag }}</strong></span></div>
		    <div class="nobreak registrationFormField">{{ form.password2 }}</div>
		    <p>{{ form.errors.password2 }}</p>
		</div>
	    </div>
	</div>
	<div>
	    <div class="nobreak registrationFormField">Upload Image:  {{ form.photo }}</div>
	    <p>{{ form.errors.photo }}</p>
	</div>
	<div class="clearLeftFloat registerFormRegisterButton">
	    <input type="submit" value="Register"  name='register'/>
	</div>
	</form>
    </div>
{% endblock %}
